<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
html{
	font-size:1rem;
}
    	#addSupplierProductTable{
    		margin:0px auto;
    		width:10rem;
    	}
    	
    	
    	#addSupplierProductTable tr th,#addSupplierProductTable tbody tr td{
    		vertical-align:middle;
    		text-align:center;
    	}
    	#Validform_msg{
    		display:none;
    	}
    	
    	.under{
    		text-decoration:underline;
    	}
    	
    	.un{
    		border-bottom:1px solid black;
    	}
    	
    </style>
</head>
<script type="text/javascript">
	
</script>
<body>

	<div class="container-fluid" id="c">
		<div class="panel panel-default" style="height:13.8rem;overflow:scroll;overflow-x:hidden;overflow-y:yes">
			<div class="panel-heading" id="pa"><p style="text-align:center">报&nbsp;&nbsp;价&nbsp;&nbsp;书</p></div>
			<div class="panel-body">
			<div>
					<form class="form-inline">
						<div class="form-group">
							<label for="exampleInputName2">请选择供应商：</label> 
							
								<select class="form-control" id="supplierSuppierDrop" onchange="changes();">
									<option>--请选择--</option>
								</select>
							
							
						</div>
					</form>
				</div>
				<div class="row">
      		<div class="col-md-offset-8 col-sm-offset-8 col-xs-offset-8">
      			 <table>
      			 	<tr>
      			 		<td>报价编号：</td>
      			 		<td style="text-decoration:underline;align-text:center"><span id="priceNo"></span></td>
      			 	</tr>
      			 	<tr>
      			 		<td>报价日期：</td>
      			 		<td style="text-decoration:underline;align-text:center"><span id="priceDate"></span></td>
      			 	</tr>
      			 </table>
      		</div>
      	</div>
      	
      	
      	<div class="row">
      		<div class="col-md-6 col-sm-6 col-xs-6">
      			
      			<p class="un">客户名称：广州富力科技有限公司</p>
      			<p class="un">住所:广州海珠区昌岗路海珠电大</p>
      			<p class="un"><span>TEL：</span><span>020-10010</span></p>
      			<p class="un"><span>FAX：</span><span></span></p>
      			<p class="un"><span>MAIL：</span><span>1183556781@qq.com</span></p>
      			<p class="un"><span>联系人：</span><span>陈佳茹</span></p>
      			<p>按照以下要求，提出以下报价</p>
      		</div>
      		<div class="col-md-offset-8 col-sm-offset-8 col-xs-offset-8" id="supb">
      			<p></p>
      			<p></p>
      			<p></p>
      			<p></p>
      			<p></p>
      		</div>
      	</div>
      	<div class="row">
      		<div class="col-md-5 col-sm-5 col-xs-5">
      			<div>
      				<p>报价金额含相关税金（17%增值税）</p>
      			</div>
      			
      			<div>
      				<p>付款条件：预付50%，出货前50%</p>
      			</div>
      			
      			<div>
      				<p>添加资料         <input type="checkbox" name="yes" style="width:15px;height:15px;" />有 &nbsp;&nbsp;&nbsp;&nbsp; <input type="checkBox" name="yes" style="width:15px;height:15px;" />无</p>
      			</div>
      		</div>
      		<div class="col-md-offset-8 col-sm-offset-8 col-xs-offset-8">
      			<table border=1 style="width:8rem;height:2.5rem">
      				<tr>
      					<td>承认</td>
      					<td>担当</td>
      				</tr>
      				<tr>
      					<td rowspan="3">承认</td>
      					<td rowspan="3">担当</td>
      				</tr>
      			</table>
      		</div>
      	</div>
      	<!-- 供应商报价显示信息 -->
      	<div class="row">
      		<div class="col-md-1 col-sm-1 col-xs-1">
      			<button type="button" class="btn btn-default btn-primary" onclick="addSupPrice();">新增</button>
      		</div>
      		<div class="col-md-1 col-sm-1 col-xs-1">
      			<button type="button" class="btn btn-default btn-info">删除</button>
      		</div>
      		
      		<div class="col-md-3 col-sm-3 col-xs-3">
      			<div class="input-group">
      			<input type='text' class='form-control' id='supplierNamesPrice' placeholder='请输入信息'>
	        	<span class='input-group-btn'>
	          <button class='btn btn-default' type='button' onclick='supplierSelPrice();'>查询</button></span>
      		</div>
      		</div>
      	</div>
      	<div class="row">
      		<div class="row">
      			<div class="col-md-offset-8">
      				报价有效期：&nbsp;&nbsp;&nbsp;30日
      			</div>
      		</div>
      	</div>
      	<div class="row">
      		<div class="col-md-12">
      			<form id="addSupplierProductForms">
      				<div style="overflow:scroll;height:10rem;">  
     
					 
      				<table class="table" id="addSupplierProductTable" >
      					<thead>
      						<tr>
      							
      							<th>序&nbsp;&nbsp;号</th>
      							<th>品名</th>
      							<th>数量</th>
      							<th>单位</th>
      							<th>报价日期</th>
      							<th>报价截止日期</th>
      							<th>货期</th>
      							<th>单价(含税)</th>
      							<th>金额</th>
      							<th>操&nbsp;&nbsp;作</th>
      						</tr>
      					</thead>
      					<tbody>
      						<tr>
      							<td><label>
      <input type="checkbox" name="checkSupplier" value="">
    </label></td>
      							<td>1</td>
      							<td>日本关东经济</td>
      							<td>1</td>
      							<td>台</td>
      							<td>2-3周</td>
      							<td>￥8,046.00</td>
      							<td>￥8,046.00</td>
      							<td style="text-align:center"><a href="#"><span class="glyphicon glyphicon-plus"></span></a></td>
      						</tr>
      						<tr>
      							<td><label><input type="checkbox"></label></td>
      							<td><input type="text" class="form-control" placeholder="Username" style="width:2rem;"></td>
      							<td><input type="text" class="form-control" placeholder="Username" style="width:4rem;"></td>
      							<td><input type="text" class="form-control" placeholder="Username" style="width:4rem;"></td>
      							<td><input type="text" class="form-control" placeholder="Username" style="width:4rem;"></td>
      							<td><input type="text" class="form-control" placeholder="Username" style="width:4rem;"></td>
      							<td><input type="text" class="form-control" placeholder="Username" style="width:4rem;"></td>
      							<td><input type="text" class="form-control" placeholder="Username" style="width:4rem;"></td>
      							<td><a href="#" onclick="addSupplierProducts();"><span class="glyphicon glyphicon-plus"></span></a></td>
      						</tr>
      					</tbody>
      				</table>
      				</div> 
      			</form>
      			</div>
      		</div>
      		<div class="row">
      			<div class="col-md-offset-7 col-md-3">
      				<p>报价总金额（人民币）</p>
      			</div>
      			<div class="col-md-1">
      				<span id="priceTotal"></span>
      			</div>
      		</div>
      		<div class="row">
      			<p>含税，含运费</p>
      			<p>含税，含运费</p>
      			<p>含税，含运费</p>
      		</div>
			</div>
		</div>
	</div>
</body>
</html>